{{define "header"}}
<header class="bg-cyan-900 text-white text-center">
	<nav class="w-11/12 max-w-screen-xl mx-auto flex flex-row flex-wrap">
		<div class="w-2/3 my-3">
			<a href="/">
				<img class="h-10" src="{{index .extend.profile.logo 0}}" alt="" />
			</a>
		</div>
		<div class="w-1/3 md:hidden flex justify-end items-center menu_button">
			<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
				<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
			</svg>
		</div>
		<ul class="w-full md:w-1/3 my-3 hidden md:flex flex-row flex-wrap menu_bar">
			<li class="w-full md:w-1/4 h-10 leading-10"><a href="/doc/overview/start/">Doc</a></li>
			<li class="w-full md:w-1/4 h-10 leading-10"><a href="/themes/">Theme</a></li>
			<li class="w-full md:w-1/4 h-10 leading-10"><a href="/blog/">Blog</a></li>
			<li class="w-full md:w-1/4 h-10 flex justify-center items-center">
				<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
					<path
						stroke-linecap="round"
						stroke-linejoin="round"
						stroke-width="2"
						d="M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
					/>
				</svg>
			</li>
		</ul>
	</nav>
</header>
{{end}}
